<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="./jquery.js">
    </script>
    <script>
        $(function () {
            $('div').mouseover(function () {
                alert($($("input[name='h1']")[0]).attr('checked'))

            })
            $('input').focus(function () {
                alert('focus ...')
            })
        });

        function showDiv() {
            $('img').attr('src', '../imgs/java.png');
        }
    </script>
    <style>
        div {
            width: 100px;
            background-color: red;
        }
    </style>
</head>

<body>
    <form action="">
        <select name="" id="s1">
            <option value="o1">o1tt</option>
            <option value="o2">o2tt</option>
            <option value="o3">o3tt</option>
        </select>
        <input type="text" value="aaa" id="i1">
        <input type="checkbox" name="h1" value="v1">
        <input type="checkbox" name="h1" value="v2">
        <input type="checkbox" name="h1" value="v3">

    </form>
    <a href="javascript:showDiv()">出现</a>
    <div>
        fdsakfladsjlk
        <h1>div1</h1>


    </div>
    <input type="text">
    <input type="text">

</body>

</html>